/* eslint-disable react/prop-types */
import { Typography, theme } from "antd";
// import "./index.less";

const { Text } = Typography;
// @ts-ignore
const CustomBlockquote = ({ children, padding = "8px", color = "white", style = {} }) => {
	// const theme = useAntdTheme();
	const {
		token: { colorPrimary }
	} = theme.useToken();
	return (
		<div
			style={{
				paddingLeft: padding,
				// backgroundColor: color,
				...style,
				borderLeft: `4px solid ${colorPrimary}`
			}}
		>
			{children}
			{/* {citation && (
        <Text type="secondary" style={{ marginTop: '8px' }}>
          {citation}
        </Text>
      )} */}
		</div>
	);
};

export default CustomBlockquote;
